@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
@import (reference) "./public.less";

.wea-news-search {
  display: flex;
  flex-direction:column;
  height: 100%;
  .am-search{
    border-bottom: 1 * @hd #EEE9E9 solid;
  }
  .search-news-systemdoc-list{
    // .am-list {
    //   width: 100%;
    //   height: 100%;
    //   .am-pull-to-refresh-content-wrapper{
    //     // height: 100%;
    //     // overflow: hidden;
    //   }
    // }
    .am-list-body{
      border-top: none;
    }
    .wea-doc-list-row(system-doc-list-row);
  }
    .search-news-list{
      .am-list{
        width: 100%;
        height: 100%;
        .am-pull-to-refresh-content-wrapper{
          min-height: 100%;
        }
      }
      //无摘要列表条目样式
      .news-nodesc-item {
        display: flex;
        .news-item-img {
          width: 99 * @hd;
          height: 70 * @hd;
        }
        .news-item-info {
          flex: 1 1;
          margin-left: 15 * @hd;
          display: flex;
          flex-direction:column;
          .news-item-title {
            flex: 1 1;
            line-height: 20 * @hd;
            font-size: @font-size-base;
            color: @color-text-paragraph;
            letter-spacing: -0.39 * @hd;
            word-break: break-all;
          }
          .news-item-operateDate {
            margin-top: 4 * @hd;
            font-size: @font-size-caption-sm;
            line-height: 17 * @hd;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
        }
      }
      //有摘要列表条目样式
      .news-desc-item {
        display: flex;
        width: 100%;
        height: 100%;
        .news-item-img {
          width: 99 * @hd;
          height: 70 * @hd;
        }
        .news-item-info {
          flex: 1 1;
          display: flex;
          flex-direction:column;
          margin-left: 15 * @hd;
          overflow: hidden;
          .news-item-title {
            line-height: 20 * @hd;
            font-size: @font-size-base;
            color: @color-text-paragraph;
            letter-spacing: -0.39 * @hd;
            word-break: break-all;
          }
          .news-item-desc {
            flex: 1 1;
            margin-top: 4 * @hd;
            line-height: 17 * @hd;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            font-size: @font-size-caption-sm;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
          .news-item-operateDate {
            margin-top: 3 * @hd;
            font-size: @font-size-caption-sm;
            line-height: 17 * @hd;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
        }
      }
    }
  
}

.wea-news-whitebg {
  height: 100%;
  width: 100%;
  background: white;
  display: flex;
  flex-direction:column;
  flex-flow: column nowrap;
  justify-content: space-between;
  overflow: hidden;
  .more-icon{
    color: #868686;
  }
  .am-tabs-default-bar-underline{
    border: 0 * @hd;
    border-top: @hd @brand-primary solid;
  }

  .news-carousel-span{
    .news-carousel-nodata{
      line-height: 176 * @hd;
      background: #fff;
      height: 100%;
      width: 100%;
      text-align: center;
      color: #868686;
      font-size:20 * @hd;
    }
    .news-carousel{
      height: 100%;
      width: 100%;
      text-align: center;
      background: #F7F7F7;
      .am-wingblank.am-wingblank-lg{
        margin-left: 0 * @hd;
        margin-right: 0 * @hd;
      }
      .carousel-img{
        max-width: 375 * @hd;
        max-height: 193 * @hd;
      }
      .am-carousel-wrap-dot > span{
        width: 6 * @hd;
        height: 6 * @hd;
      }
    }
    .news-span-div{
      height: 24 * @hd;
      border-bottom:  @hd #EEE9E9 solid;
      .news-span {
        margin-left: 15 * @hd;
        margin-right: 15 * @hd;
        margin-top: 4 * @hd;
        font-family: PingFang-SC-Medium;
        line-height: 20 * @hd;
        font-size: 14 * @hd;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
        color: #333333;
        letter-spacing: -0.39 * @hd;
      }
    }
  }
  .news-list-loading{
    position: absolute;
    bottom: 50%;
    left: 50%;
  }
  .wea-news-list {
    flex:1 1;
    background: white;
    width: 100%;
    height: 100%;
    .am-list-header{
      padding: 0 0;
    }
    .news-item-nodata{
      background: #fff;
      height: 100%;
      width: 100%;
      padding-top: 50%;
      text-align: center;
      color: #868686;
      font-size:20 * @hd;
    }
    .news-am-list-loading{
      .am-list-body{
        border-bottom: none;
      }
    }
    .news-am-list{
      width: 100%;
      height: 100%;
      .wea-doc-error {
        padding-top: 50%
      }
      .am-list {
        width: 100%;
        height: 100%;
        .am-pull-to-refresh-content-wrapper{
          min-height: 100%;
          overflow: hidden;
        }
      }
      .am-list-body{
        border-top: none;
      }
      .am-list-item {
        padding-left: 19 * @hd;
        .am-list-line .am-list-content {
          padding-top: @v-spacing-md;
          padding-bottom: @v-spacing-md;
        }
      }
      //无摘要列表条目样式
      .news-nodesc-item {
        display: flex;
        .news-item-img {
          width: 99 * @hd;
          height: 70 * @hd;
        }
        .news-item-info {
          flex: 1 1;
          margin-left: 15 * @hd;
          display: flex;
          flex-direction:column;
          overflow: hidden;
          .news-item-title {
            flex: 1 1;
            line-height: 20 * @hd;
            font-size: @font-size-base;
            color: @color-text-paragraph;
            letter-spacing: -0.39 * @hd;
            word-break: break-all;
          }
          .news-item-operateDate {
            margin-top: 4 * @hd;
            font-size: @font-size-caption-sm;
            line-height: 17 * @hd;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
        }
      }
      //有摘要列表条目样式
      .news-desc-item {
        // background: white;
        display: flex;
        width: 100%;
        height: 100%;
        .news-item-img {
          width: 99 * @hd;
          height: 70 * @hd;
        }
        .news-item-info {
          flex: 1 1;
          display: flex;
          flex-direction:column;
          margin-left: 15 * @hd;
          overflow: hidden;
          .news-item-title {
            line-height: 20 * @hd;
            font-size: @font-size-base;
            color: @color-text-paragraph;
            letter-spacing: -0.39 * @hd;
            word-break: break-all;
          }
          .news-item-desc {
            flex: 1 1;
            margin-top: 4 * @hd;
            line-height: 17 * @hd;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space:nowrap;
            font-size: @font-size-caption-sm;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
          .news-item-operateDate {
            margin-top: 3 * @hd;
            font-size: @font-size-caption-sm;
            line-height: 17 * @hd;
            color: #868686;
            letter-spacing: -0.34 * @hd;
          }
        }
      }
      //条目分割线
      .news-line {
        background: #EEE9E9;
        height: @hd;
        margin-left: 19 * @hd;
      }
      .news-line-hide {
        background: #fff;
        height: 0 * @hd;
      }

    }
    .news-am-list-systemdoc{
      .am-list {
        width: 100%;
        height: 100%;
        .am-pull-to-refresh-content-wrapper{
          min-height: 100%;
          overflow: hidden;
        }
      }
      .am-list-body{
        border-top: none;
      }
      .wea-doc-list-row(system-doc-list-row);
    }
  }
  // }
  
  // 栏目
  .news-tag-parent {
    user-select:none;
    // 我的栏目
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    
    .news-mytag{
      display: flex;
      padding-top: 9 * @hd;
      flex-direction: row;
      flex-wrap: wrap;
      // padding-left: 13 * @hd;
      .am-tag-active{
        background-color: #fff; 
        // margin-left: 26 * @hd;
        color: #888;
        border: 1 * @hd  solid #ddd;
        border-radius: 20 * @hd; 
        text-align: center;
        .am-tag-close .am-icon{
          width: 15 * @hd;
          height: 15 * @hd;
          background-color: #868686;
        }
        .am-tag-text{
          margin-top: -1 * @hd;
        }
      }
      .am-tag-blue{
        background-color: #fff; 
        border:  @hd solid @brand-primary;
        border-radius: 20 * @hd; 
        color: @brand-primary;
        .am-tag-close .am-icon{
          width: 15 * @hd;
          height: 15 * @hd;
          background-color: #868686;
        }
        .am-tag-text{
          margin-top: -1 * @hd;
        }
      }
      .am.icon{
        background: #333333;
      }
    }
    .tag-container > div {
      margin-left: 26 * @hd;
      margin-bottom: 9 * @hd;
    }
    .news-moretag{
      display: flex;
      padding-top: 9 * @hd;
      flex-direction: row;
      flex-wrap: wrap;
      .am-tag-active{
        background-color: #fff; 
        border:   @hd solid #ddd;
        border-radius: 20 * @hd; 
        color: #888;
        .am-tag-text{
          margin-top: -1 * @hd;
        }
      }
    }

    .news-tag-top{
      width: 100%;
      background: #FFFFFF;
      .news-tag-top-bar{
        width: 100%;
        background: #FFFFFF;
        line-height: 30 * @hd;
        padding-top: 16 * @hd;
        overflow:hidden;
        .news-tag-top-bar-my{
          float:left;
          width: 20%;
          margin-left: 15 * @hd;
          font-family: PingFangSC-Regular;
          font-size:@font-size-base;
          color: #333333;
          letter-spacing: -0.39 * @hd;
          line-height: 20 * @hd;
        }
        .news-tag-top-bar-click{
          float:left;
          width: 50%;
          font-size:@font-size-base;
          font-family: PingFangSC-Regular;
          color: #868686;
          letter-spacing: -0.39 * @hd;
          line-height: 20 * @hd;
        }
        .news-tag-top-bar-edit{
          float:left;
          width: 18%;
          font-size:@font-size-base;
          font-family: PingFangSC-Regular;
          color: @brand-primary;
          letter-spacing: -0.1 * @hd;
          line-height: 20 * @hd;
        }
        .news-tag-top-bar-close{
          width: 8%;
          position: absolute;
          color: #868686; 
          margin-right: 5 * @hd;
        }
      }

      .news-tag-top-bar2{
        .news-tag-top-bar2-more{
          margin-left: 15 * @hd;
          font-size:@font-size-base;
          color: #333333;
          font-family: PingFangSC-Regular;
          letter-spacing: -0.39 * @hd;
          line-height: 20 * @hd;
        }
        .news-tag-top-bar2-add{
          margin-left: 20 * @hd;
          font-size:@font-size-base;
          font-family: PingFangSC-Regular;
          color: #868686;
          letter-spacing: -0.39 * @hd;
          line-height: 20 * @hd;
        }
      }

    }
    .news-tag-bottom{
      width: 100%;
      height: 100%;
      background: rgba(4,4,15,0.40);
    }
    .am-tag  {
      border-radius: 50 * @hd;
      .am-tag-close {
        right: -9 * @hd;
        left: auto;
      }
    }
  }
}

